﻿@using BonjourQuotation.UI.Models
@model QuotationViewModel

@{
    ViewBag.Title = "Quotation";
    Layout = "~/Views/Shared/_Layout.cshtml";
    @Scripts.Render("~/Scripts/UIScript/Quotation.js")
}
@Html.HiddenFor(model=>model.QuotationID)

<div class="container" >
    @if (Model.Message != null)
    {
        @Html.HiddenFor(model=>model.Message, new { @id = "MainQuotaMessage"})
    }
    <div id="AutoCompleteDiv" style=" display: none; z-index: 999999 !important;"></div>
    <nav class="navbar navbartop" role="navigation" style="width:1200px;">
        <span class="navbar-brand tool-name"></span>

    
        <button type="button" class="btm  btn3" onclick="window.location='../Quotation/QuotationFirst'" id="QuotaFirstGoButton">First</button>
        <button type="button" class="btm  btn3" onclick="window.location='../Quotation/QuotationLast'" id="QuotaLastGoButton">Last</button>
        <input class="search1"  type="number" min="1" id="QuotaToNum"/>
        <button type="button" class="btm btn4" onclick="QuotationGoTo()" id="QuotaToNumGoButton">Go to</button>

        <label class="checkboxes">
            @Html.RadioButtonFor(model => model.QuotaNum, false)
            @Html.LabelFor(model => model.QuotaNum)

        </label>
        <label class="checkboxes">
            @Html.RadioButtonFor(model => model.Ref, true)
            @Html.LabelFor(model => model.Ref)
        </label>
        @*<label class="checkboxes">
            @Html.RadioButtonFor(model => model.Agency, true)
            @Html.LabelFor(model => model.Agency)
        </label>*@
        <label class="checkboxes">
            @Html.RadioButtonFor(model => model.Cust, true)
            @Html.LabelFor(model => model.Cust)
        </label>
        @Html.TextBoxFor(m => m.Lookup, new { @class = "LookupBox", @placeholder = "lookup" })
        <button type="button" class="btn btn5" title="Search" onclick="QuotaGo()" id="QuotaGoButton"><span class="glyphicon glyphicon-search* "></span></button>
        <button class="btm btn6" type="button" title="Advanced Search" onclick="AdvnacedSearch()"><span class="glyphicon glyphicon-zoom-in*"></span></button>
    
</nav>
    <div id="QuotaLookupDiv" style=" display: none; z-index: 999999 !important;">
    </div>
    <div id="QuotaAdvancedSearch" style="display:none;">
        
    </div>
    <div id="QuotaDetailsDiv">
    </div>
   

    <div class="row form-row2" id="Tabs">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tabHotels" class="QuotaTabs" data-toggle="tab">Hotels</a></li>
            <li><a href="#tabLunchDinner" class="QuotaTabs" data-toggle="tab">Lunch/Dinner</a></li>
            <li><a href="#tabEntrance" class="QuotaTabs" data-toggle="tab">Entrance</a></li>
            <li><a href="#tabGrpMisc" class="QuotaTabs" data-toggle="tab">Group Misc</a></li>
            <li><a href="#tabBus" class="QuotaTabs" data-toggle="tab">Bus/Deadhead</a></li>
            <li><a href="#tabGuide" class="QuotaTabs" data-toggle="tab">Guide</a></li>
            <li><a href="#tabCost" id="tabhrefCost" class="QuotaTabs" data-toggle="tab">Cost/Price</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade active in" id="tabHotels">
               
            </div>
            <div class="tab-pane fade" id="tabLunchDinner">
               
            </div>
            <div class="tab-pane fade" id="tabEntrance">
              
            </div>
            <div class="tab-pane fade" id="tabGrpMisc">
               
            </div>
            <div class="tab-pane fade" id="tabBus">
               
            </div>
            <div class="tab-pane fade" id="tabGuide">
               
            </div>
            <div class="tab-pane fade" id="tabCost">
                
            </div>
        </div>
    </div>


        <div id="LoadingDiv" style="display:none;">
            <img alt="loading" src="../../Content/Images/AjaxLoader.gif" />
        </div>


        <div id="MsgDiv" style="display:none;">
            <span class="WarningIcon">
                <img src="~/Content/Images/warning_icon.png" />
            </span>
            <span id="MsgContent"></span>
        </div>



</div>